/*
完成newsList渲染
1：定义newsList获取数据的api
2:导入api
3:定义存储数据的state
4:定义修改数据的mutations
5:定义调用接口获取数据的actions
6:触发调用
    2时机
       1：打开页面时就调用,等到navbar的列表数据获取成功后调用
       2：点击navbar选项时调用
*/
import { articles } from '@/api/newsList'
export default {
  namespaced: true,
  state: {
    news: [] // 文章列表数据
  },
  mutations: {
    SETNEWS (state, value) {
      state.news = value
    }
  },
  actions: {
    // 获取文章列表数据
    async getNews (ctx, id) {
      const res = await articles(id)
      // 存储文章列表数据
      ctx.commit('SETNEWS', res.data.results)
      console.log(res)
    }
  },
  getters: {}
}
